@import "../common/_common.scss";
@mixin shadow {
  transition: box-shadow .2s;
  -moz-transition: box-shadow .2s;
  -webkit-transition: box-shadow .2s;
  -o-transition: box-shadow .2s;
  &:hover{
    box-shadow: 0 0  5px 5px #C6C6C6;
  }
}
.list_integral_rank{ background: #FFFFFF; margin-bottom: 10px;
  .hd{ line-height: 44px; height: 44px; text-align: center; color: #666666; font-weight: bolder; font-size: 14px; margin:0 10px; border-bottom: 1px solid #f0f0f0;}
  .bd{
    li{ padding: 15px; position: relative; overflow: hidden; @include shadow;
      a.img_link{float: left; margin-right: 5px;}
      img { width: 77px; height: 77px; float: left; border: 1px solid #f0f0f0}
      span.number{ width: 14px; height: 14px; line-height: 14px; text-align: center; font-size: 12px; overflow: hidden;position: absolute; left: 9px; top: 9px; background: url("../../img/item_source_ico.png") 0 -30px; color: #FFFFFF;}
      .list_integral_rank_right{ margin-left: 84px;}
      .rank_title{ display: inline-block; font-size: 12px; max-height: 32px; line-height: 16px; overflow: hidden; color: #333333; text-decoration: none; margin-bottom: 5px;}
      .price{ color:#999999; margin-bottom:3px; white-space:nowrap; font-size: 12px;
        ins{ text-decoration:none; font-family:"Helvetica Neue"; font-weight:normal; color:$fedStdColor_l2;}
        i{color:$fedStdColor_l2;font-style:normal;}
        .preferential{ background:#ed888c; font-size:12px; color:#ffffff; margin-left:11px; padding:0 3px; border-radius:2px}
      }
      p{ color: #999999}
    }
  }
}